<template>
	<view class="page">
		<goodsSwiper :datas="detail" :config="config" @change="swiperChange" @tapFun="tapFun"></goodsSwiper>
	</view>
</template>

<script>
	import goodsSwiper from "@/components/pyh-goodsSwiper/pyh-goodsSwiper.vue"
	export default {
		data() {
			return {
				detail:{
					title:"明星师傅",
					// subLable:"超划算",
					list:[
						{
							id:1,
							img:"/static/img/touxiang.jpg",
							name:"名称",
							price:"0.00"
						},
						{
							id:2,
							img:"/static/img/touxiang.jpg",
							name:"名称",
							price:"0.00"
						},
						{
							id:3,
							img:"/static/img/touxiang.jpg",
							name:"名称",
							price:"0.00"
						},
						{
							id:4,
							img:"/static/img/touxiang.jpg",
							name:"名称",
							price:"0.00"
						}
					]
				},
				config:{
					more:true,
					autoplay:false,
					multiple:3,
					shadow:true
				}
			}
		},
		components:{goodsSwiper},
		onLoad() {
			
		},
		methods: {
			swiperChange(current){
				console.log(current);
			},
			tapFun(e){
				console.log(e.type,e.id,e.index);
			}
		}
	}
</script>

<style>
	page{background: #f8f8f8;}
	.page{
		
	}
</style>
